
// 书写顶部导航栏样式
body {
  background-color: #f4f4f4;
  // overflow-x: hidden;
  .header {
    width: 100%;
    .swiper-container {
      width: 100%;
      height: 3.76rem;
      .swiper-slide {
      img {
      width: 100%;
      }
    }
  }
    #nav {
      background-color: #f5445d;
      padding: 0 .40rem .18rem .20rem;
      height: .90rem;
      line-height: .88rem;
      overflow: hidden;
      // 地址
      a {
        display: inline-block;
        float: left;

        span {
          color: #fff;
          font-size: .28rem;
          margin-right: .14rem;
        }

        img {
          height: .14rem;
        }
      }
      // 搜索
      #search {
        float: left;
        margin-left: .26rem;
        position: relative;
        overflow: hidden;

        img {
          position: absolute;
          height: .28rem;
          top: .35rem;
          left: .2rem;
        }

        input {
          height: .68rem;
          width: 4.86rem;
          border-radius: 1rem;
          border: 0;
          // color: #6c6c6c;
          font-size: .24rem;
          padding-left: .68rem;
          margin: .10rem 0;
        }
      }
      // 信息
      #img {
        float: left;
        height: .52rem;

        a {
          img {
            margin-left: .25rem;
          }
        }
      }
    }
    // 轮播图样式
  }
  // 商品部分
  .bodys {
    overflow: hidden;
    margin-bottom: 1.5rem;
    ul {
      li {
        #goods {
          .look {
            height: .90rem;
            line-height: .90rem;
            text-align: center;
            color: #282828;
            font-size: .28rem;
            // margin-bottom: .18rem;
            background-color: #f4f4f4;

            span {
              margin: 0 .1rem;
            }

            img {
              vertical-align: middle;
              display: inline-block;
            }
          }

          .goodsList {
            background-color: #fff;

            ul {
              display: flex;
              display: -webkit-flex; /* Safari */
              overflow: hidden;

              li {
                justify-content: space-between;
                //  float: left;
                //  width: 2.4rem;
                flex: 1;
                margin-top: .18rem;
                text-align: center;
                margin-right: .16rem;

                a {
                  display: inline-block;
                  width: 100%;

                  img {
                    width: 100%;
                    margin-bottom: .24rem;
                  }

                  h3 {
                    font-weight: normal;
                    font-size: .24rem;
                    color: #282828;
                    margin-bottom: .24rem;
                  }

                  p {
                    font-size: .28rem;
                    margin-bottom: .24rem;
                    color: #e15656;
                  }
                }

                &:nth-of-type(3) {
                  margin-right: 0;
                }
              }
            }
          }
        }
      }
    }
    //   特价商品
    .special {
      .look {
        height: .90rem;
        line-height: .90rem;
        text-align: center;
        color: #282828;
        font-size: .28rem;
        // margin-bottom: .18rem;
        background-color: #f4f4f4;

        span {
          margin: 0 .1rem;
        }

        img {
          vertical-align: middle;
          display: inline-block;
        }
      }
      // 列表
      #ull {
        li {
          .List {
            background-color: #fff;
            border-bottom: .01rem solid #f4f4f4;
            // 品牌样式设置
            .brand {
              height: 1.30rem;
              overflow: hidden;

              .imgs {
                height: .80rem;
                vertical-align: middle;
                margin: .20rem .24rem .30rem .20rem;
                float: left;
              }
              // 品牌图片
              .brandName {
                float: left;
                margin-top: .14rem;

                h3 {
                  font-size: .30rem;
                  font-weight: normal;
                  color: #282828;
                  margin-bottom: .10rem;
                }

                img {
                  width: .28rem;
                  margin-right: .12rem;
                  vertical-align: middle;
                }

                span {
                  display: inline-block;
                  font-size: .20rem;
                  color: #505050;
                }
              }

              .enter {
                float: right;
                width: 1.46rem;
                height: .50rem;
                line-height: .50rem;
                text-align: center;
                border: .01rem solid #e15656;
                border-radius: 1rem;
                color: #e15656;
                font-size: .24rem;
                margin: .20rem .20rem 0 0;
              }
            }
            // 品牌列表
            ul {
              display: flex;
              display: -webkit-flex; /* Safari */
              overflow: hidden;

              li {
                justify-content: space-between;
                //  float: left;
                //  width: 2.4rem;
                margin-bottom: .18rem;
                flex: 1;
                margin-top: .18rem;
                text-align: center;
                margin-right: .16rem;

                a {
                  display: inline-block;
                  width: 100%;

                  img {
                    width: 100%;
                    margin-bottom: .24rem;
                  }

                  i {
                    font-family: "microsoft Yahei";
                    font-style: normal;
                    font-size: .28rem;
                    color: #282828;
                    margin-top: .28rem;
                  }

                  span {
                    font-size: .20rem;
                    color: #282828;
                  }
                }

                &:nth-of-type(3) {
                  margin-right: 0;
                }
              }
            }
          }
        }
      }
    }
    // 最新推荐商品列表
    #newGoods{
      background-color: #fff;
      margin-top: .18rem;
      // 上半部分三个模块
      .newTop{
        height: 1rem;
        ul{
          display: flex;
          display: -webkit-flex; /* Safari */
          overflow: hidden;
          li{
            height: 100%;
            justify-content: space-between;
            flex: 1;
            text-align: center;
             a{
              display: inline-block;
              margin-top: .3rem;
              // height: 62%;
              width: 100%;
              color: #282828;
              font-size: .26rem;
            }
            img{
              margin-top: .22rem;
            }
            // 点击选中样式
            .active{
              display: inline-block;
              width: 100%;
              color: #e15656;
              font-size: .26rem;
            }
          }
        }
      }
      // 下部列表
      .newBottom{
        ul{
          li{
            border-top: .01rem solid #f4f4f4;            
            height: 1.5rem;
            .item{
              overflow: hidden;
              height: 1.5rem;
              .item-top{
                display: inline-block;
                height: 1rem;
                width: 1rem;
                margin: .26rem .20rem 0 .20rem;
                vertical-align: text-top;
                // img{
                //   display: inline-block;
                //   width: 1rem;
                //   height: 1rem;
                //   vertical-align: text-top;
                // }
              }
              .item-middle{
                height: 100%;
                margin-top: .35rem;
                p{
                  font-size: .30rem;
                  line-height: 0;
                  color: #282828;
                  margin-bottom: .12rem;
                }
                i{
                  font-style: normal;
                  letter-spacing:.06rem;
                  font-size: .20rem;
                }
                span{
                  color: #e15656;
                  font-size: .20rem;
                  margin-right: .20rem;
                }
                b{
                  font-size: .20rem;
                  color: #505050;
                  font-weight: 400;
                }
                .map{
                  height: .22rem;
                  span{
                    font-size: .20rem;
                    color: #505050;
                  }
                }
              }
              .item-bottom{
               height: 100%;
               line-height: 1.5rem;
               margin-top: .35rem;
               margin-right: .28rem;
                span{
                  font-size: .20rem;
                  color: #505050;
                }
              }
            }
          }
        }
      }
    }
  }
  // 底部部分
  #footer{
    position: relative;
    height: 1rem;
    background-repeat:no-repeat;
    .dibuimg{
      
      width: 100%;
    }
    ul{
      padding-top: .16rem;
      z-index: 99999;
      display: flex;
      width: 100%;
      position: absolute;
      top:.16rem;

      li{
        flex: 1;
        text-align: center;
        a{
          display: inline-block;
          width: 100%;
          img{
            width: .4rem;
          }
          p{
            font-size: .22rem;
            color: #282828;
          }
        }
      }
    }
  }
}